<!DOCTYPE html>

<html lang="zh-cn">
   <head>
      <meta charset="UTF-8">
      <title>baidu.baike</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
   <style>
   .div{margin:0 auto;width:600px;}
   </style>
   </head>
   <body>
       <div class="div">
       <h1 style="color:blue">百度百科</h1>
       <div class="panel panel-primary">
       {% for name in names %}
           <div class="panel-heading">新鲜词条</div>
           <div class="panel-body">{{name.head}}</div>
           <div class="panel-footer">来自百度百科</div>
       {% endfor %}
       </div> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
   </body>
</html>